var app = getApp();
const fetch = require('../../utils/fetch') 
import Toast from '@vant/weapp/toast/toast';
import Tool from "../../utils/tool";
var WxParse = require('../../lib/wxParse/wxParse.js');
import Cache from "../../utils/cache";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ishowzyDialog:false,//是否显示资源对话框
    ishowtcDialog:false,//是否显示提示对话框
    ishowjlDialog:false,//是否展示激励广告
    ishowQxxDialog:false,//是否展示  群消息 激励广告
    title: '详情', 
    id: 0,
    addTime: "",
    videoAd: undefined,
    note: "已读", 
    contentPath:"",
    type: "",
    level: "",//内容级别
    contentPic:"",
    serverpic:[
    // 'https://hao1.qhimg.com/t01a4719eed5998ac4b.png' //客服二维码图片
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if (!Tool.isEmpty(app.systemInfo.serverpic)) { //客服图片地址不为空 
      var dd=[];
      dd[0]= app.config.apiImgBase+app.systemInfo.serverpic;
      this.setData({
        serverpic: dd
      });
    }else{
      //从缓存中取
      const SERVERPIC = Cache.getCache(app.globalData.SERVERPIC); 
      if(!Tool.isEmpty(SERVERPIC)){
        app.systemInfo.serverpic=app.config.apiImgBase+app.systemInfo.serverpic;
        var dd=[];
        dd[0]= app.systemInfo.serverpic;
        this.setData({
          serverpic: dd
        });
      }
    }
    this.setData({
      id: options.id
    });
    var that = this;
    let videoAd33 = null;
    fetch(`/articleDetail?contentid=` + this.data.id)
      .then(res => {
        if (res.data.code === 200) {
          // wx.setNavigationBarTitle({
          //   title: res.data.data.title //页面标题为路由参数
          // })
          this.setData({ 
            addTime: res.data.data.creatDate,
            title: res.data.data.title,
            type: res.data.data.type,
            level: res.data.data.level,
            contentPath:res.data.data.contentPath,
            contentPic:res.data.data.contentPic
          })
          //html转wxml
          WxParse.wxParse('content', 'html', res.data.data.noticeContent, that, 0);
        } else {
          Toast.fail(res.data.msg);
        }

      })
      if (wx.createRewardedVideoAd) {
        // 加载激励视频广告
        videoAd33 = wx.createRewardedVideoAd({
          adUnitId: 'adunit-3c1d87b2c35504be'
        })
        //捕捉错误
        videoAd33.onError(err => {
          console.log(err)
        // 进行适当的提示
        })
        // 监听关闭
        videoAd33.onClose((status) => {
          if (status && status.isEnded || status === undefined) {
            // 正常播放结束，下发奖励
            //判断是否是群消息
            if(this.data.type=== '12'){
              //群消息取  条目缩略图
              var dd=[];
              dd[0]= app.config.apiImgBase+this.data.contentPic;
              this.setData({
                serverpic: dd
              });
              this.showSofer()//展示群消息
            }else{
              this.setData({ishowzyDialog:true})
            }
          
  
          } else {
            // 播放中途退出，进行提示 
            wx.showToast({
              title: '中途退出无奖励',
              icon: 'error',
              duration: 2000
            })
         
          }
        })
        this.setData({videoAd:videoAd33})
      } 
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },
  /**
   * 查看资源
   */
  showAsser: function () {

    //  wx.showModal({
    //   title: '删除图片',
    //   content: '确定要删除该图片？',
    //   showCancel: true,//是否显示取消按钮
    //   cancelText:"否",//默认是“取消”
    //   cancelColor:'skyblue',//取消文字的颜色
    //   confirmText:"是",//默认是“确定”
    //   confirmColor: 'skyblue',//确定文字的颜色
    //   success: function (res) {
    //      if (res.cancel) {
    //         //点击取消,默认隐藏弹框
    //         console.log(0)
    //      } else {
    //         //点击确定
    //         console.log(1)
    //      }
    //   },
    //   fail: function (res) {
    //     console.log(2)
    //    },//接口调用失败的回调函数
    //   complete: function (res) {
    //     console.log(3)
    //    },//接口调用结束的回调函数（调用成功、失败都会执行）
    // }) 
    //判断是否登录  没有登录则 跳转至登录界面  如果登录 查看是否有权限，如果没有权限则提示购买卡密\
    if (!app.userInfo.isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    } //判断是否是免费资源  如果是免费资源则直接展示
    else if (this.data.level === '1') {
      this.setData({ishowzyDialog:true})
    } else if (this.data.type === '12') {//群消息列表
      this.setData({ishowjlDialog:true})
    }else if (this.data.level === '0') {//需要激励广告
      this.setData({ishowjlDialog:true})
    }
    else if (app.userInfo.usertype === '1') {
      this.setData({ishowtcDialog:true})
    } else { //展示资源
      this.setData({ishowzyDialog:true})
    }

  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },
 
  showIndex: function () {
    wx.switchTab({
      url: '/pages/index/index'
    })
  },
  showCard: function () {
    wx.switchTab({
      url: '/pages/card/card'
    })
  },
 
  showSofer: function () { 
    let _this = this
    console.log(_this.data.serverpic)
    　　//图片预览
        wx.previewImage({
          current:_this.data.serverpic[0] , // 当前显示图片的http链接
          urls: _this.data.serverpic // 需要预览的图片http链接列表
        })
  },
  copyComplete: function (e) {
    //点击完  复制功能后
    var that=this;
    this.setData({ishowzyDialog:false})
    if(e.detail.confirm){
      wx.setClipboardData({
        data: that.data.contentPath,
        success: function (res) {}
      })
    }
  },  onShareAppMessage: function() {
		wx.showShareMenu({
	  withShareTicket: true,
	  menus: ['shareAppMessage', 'shareTimeline']
	 })
	},
	//用户点击右上角分享朋友圈
	onShareTimeline: function () {
    var tt=app.config.apiImgBase+this.data.contentPic
		return {
	  title: this.data.title,
	  query: {
	  id: this.data.id
	  },
	  imageUrl: tt
	 }
	},
  tcComplete: function (e) {  
    this.setData({ishowtcDialog:false})
    if(e.detail.confirm){
      //跳转值  卡密界面
      wx.switchTab({
        url: '/pages/card/card'
      })
    }
  } , 
  jlComplete: function (e) {  
    this.setData({ishowjlDialog:false})
    if(e.detail.confirm){
      //跳转激励广告
      var that = this
      console.log('打开激励视频');
      // 
     let videoAd33=that.data.videoAd 
          if (videoAd33) { 
            videoAd33.show()
        .catch(() => {
          videoAd33.load()
            .then(() => videoAd33.show())
            .catch(err => {
              console.log(err)
              console.log('激励视频 广告显示失败')
            })
          })
          } 
    } 
  } ,
    qxxComplete: function (e) {  
      this.setData({ishowQxxDialog:false})
      if(e.detail.confirm){
        //跳转激励广告
        var that = this
        console.log('打开激励视频');
        // 
       let videoAd33=that.data.videoAd 
            if (videoAd33) { 
              videoAd33.show()
          .catch(() => {
            videoAd33.load()
              .then(() => videoAd33.show())
              .catch(err => {
                console.log(err)
                console.log('激励视频 广告显示失败')
              })
            })
            } 
      } 
    }
})